<template>
    <div class="box1">
      <el-menu
          :default-active="activeIndex"
          mode="horizontal"
          router="true"
      >
        <div class="flex-grow"/>
        <el-menu-item index="/VerificateOnChain1">
          交易哈希核验
        </el-menu-item>
        <el-menu-item index="/VerificateOnChain2">文件哈希核验</el-menu-item>
        <el-menu-item index="/VerificateOnChain3">授权核验</el-menu-item>
      </el-menu>
      <router-view></router-view>
    </div>
</template>

<script>
import {ref} from 'vue'

export default {
  name: "ChainMenu",
  components: {},
  setup() {
    let activeIndex = ref('1')

    return {
      activeIndex,
    }
  }
}
</script>

<style scoped>
.box1 {
  border: 1px solid #000;
  margin: 50px auto;
  height: 700px;
  width: 1600px;
  border-radius: 20px;
  padding: 10px;
}

.flex-grow {
  flex-grow: 0.02;
}
</style>